<!DOCTYPE html>
<html>
<head></head>
<body>
<canvas id="canvas" width="800" height="600">
<script type="text/javascript" src="bench.js"></script>
<script type="text/javascript" src="canvas_tough_cases_lib.js"></script>
<script type="text/javascript" src="bouncing_clipped_rectangles.js"></script>

<script type="text/javascript">
window.onload = init;

var canvas;
var context;

function init() {
  canvas = document.getElementById('canvas');
  context = canvas.getContext('2d');

  num_lines = 1000;
  stage_bouncing_clipped_rectangles.init(num_lines, 800, 600);
  stage_bouncing_clipped_rectangles.draw(context);

  bench.run(draw);
}

function draw() {
  context.clearRect(0, 0, 800, 600);
  stage_bouncing_clipped_rectangles.draw(context);
};

</script>
</body>
</html>
